<template>
  <el-container>
    <el-header height="70" style="padding:0">
      <Header></Header>
    </el-header>
    <el-container>
      <el-aside width="">
        <Menu></Menu>
      </el-aside>
      <el-main>
        <Main></Main>
      </el-main>
    </el-container>
    <el-footer height="30">
      <Footer></Footer>
    </el-footer>
    <!-- <Header></Header>
    <Main></Main> -->
    <!-- <Footer></Footer> -->
  </el-container>
</template>
<script>
import Header from '@/components/header.vue'
import Footer from '@/components/footer.vue'
import Main  from '@/components/main.vue'
import Menu  from '@/components/menu.vue'
export default {
  components:{
    Header,
    Footer,
    Main,
    Menu
  }
}
</script>

<style>

</style>
